<!DOCTYPE html>
<html>
<head>
    <title>智能家居 随心所控</title>
    <link href="__TMPL__/public/assets/simpleboot3/themes/css/style-ny.css" rel="stylesheet" />
    <include file="public@head"/>
    <hook name="before_head_end"/>

</head>
<body class="body-white">
<include file="public@nav"/>
<section class="support_banner">


    <p class="sb_title">获得支持</p>
    <form action="{:cmf_url('search/index')}" class="search_form" id="search_result_form" onsubmit="return check()" method="get">
        <div class="search_bar">
            <input type="text" placeholder="请输入搜索关键字" class="sf_input" id="search_ques" name="keyword">
            <input type="submit" value="搜索" class="sf_btn">
            <p style="color:red"></p>
        </div>
        <p class="sf_tips">搜索热词：APP，S31，S25，ALLONE，S20</p>
    </form>



</section>
<section class="support_container">
    <div class="sc_menu clear">


        <div class="sm_content">
            <ul>
                <!--<li>-->
                    <!--<a href="http://www.orvibo.com/cn/support/commonQuestion.html" class="problem_btn ">常见问题</a>-->
                <!--</li>-->
                <li>
                    <a href="http://www.orvibo.com/cn/support/video_teaching.html" class="video_btn sm_active">视频教学</a>
                </li>
                <!--<li>-->
                    <!--<a href="http://www.orvibo.com/cn/support/customService.html" class="service_btn ">联系客服</a>-->
                <!--</li>-->
            </ul>
            <!--<div class="sm_right">-->
                <!--&lt;!&ndash; 						<a href="javacript:void(0)" class="sr_one"> &ndash;&gt;-->
                <!--&lt;!&ndash; 							<em></em> &ndash;&gt;-->
                <!--&lt;!&ndash; 							提交工单 &ndash;&gt;-->
                <!--&lt;!&ndash; 						</a> &ndash;&gt;-->
                <!--<a href="http://bbs.orvibo.com/forum.php?mod=forumdisplay&fid=2" class="sr_two" target="_blank">-->
                    <!--<em></em>-->
                    <!--社区问答-->
                <!--</a>-->
            <!--</div>-->
        </div>



    </div>
    <div class="sc_video">
        <div class="sv_block clear">
            <p class="sv_title"><em></em>枫叶智能</p>
            <volist name="list1" id="vo">
            <a href="javascript:void(0)" >
                <img src="/public/upload/{$vo.more}" class="sv_pic" alt="{$vo.post_title}">
                <p>{$vo.post_title}</p>
                <input type="hidden" value="/public/upload/{$vo.post_url}">
                <div class="sv_timer"><em></em>{$vo.published_time}</div>
                <div class="sv_mask"><em></em></div>
            </a>
            </volist>

        </div>



        <div class="sv_block clear">
            <p class="sv_title"><em></em>一靓·家居照明</p>

            <volist name="list2" id="vo">
                <a href="javascript:void(0)" >
                    <img src="/public/upload/{$vo.more}" class="sv_pic" alt="{$vo.post_title}">
                    <p>{$vo.post_title}</p>
                    <input type="hidden" value="/public/upload/{$vo.post_url}">
                    <div class="sv_timer"><em></em>{$vo.published_time}</div>
                    <div class="sv_mask"><em></em></div>
                </a>
            </volist>
        </div>







        <div class="sv_block clear">
            <p class="sv_title"><em></em>翼翡电子</p>

            <volist name="list3" id="vo">
                <a href="javascript:void(0)" >
                    <img src="/public/upload/{$vo.more}" class="sv_pic" alt="{$vo.post_title}">
                    <p>{$vo.post_title}</p>
                    <input type="hidden" value="/public/upload/{$vo.post_url}">
                    <div class="sv_timer"><em></em>{$vo.published_time}</div>
                    <div class="sv_mask"><em></em></div>
                </a>
            </volist>

        </div>



        <div class="sv_block clear">
            <p class="sv_title"><em></em>触点·家具功能五金</p>
            <volist name="list4" id="vo">
                <a href="javascript:void(0)" >
                    <img src="/public/upload/{$vo.more}" class="sv_pic" alt="{$vo.post_title}">
                    <p>{$vo.post_title}</p>
                    <input type="hidden" value="/public/upload/{$vo.post_url}">
                    <div class="sv_timer"><em></em>{$vo.published_time}</div>
                    <div class="sv_mask"><em></em></div>
                </a>
            </volist>

        </div>





        <div class="sv_btn">
            <a href="{:cmf_url('contact/index')}" target="_blank"> 看了视频还不会，来联系我们吧</a>
        </div>

    </div>
</section>

<div class="fixed">
    <a href="javascript:void(0)" class="online" title="在线咨询" onclick="qimoChatClick();" id="zhixun1"><div></div></a>
    <a class="getTop" href="javascript:void(0)"><div></div></a>
</div>
<div class="erweima">
    <div class="modal-mask"></div>
    <div class="modal-con">
        <div class="modal-container">
            <a href="javascript:void(0)" class="qr_close"></a>
            <h2>ORVIBO官方微信</h2>
            <p>打开微信，点击右上角的“+”，选择“扫一扫”<br>功能，用摄像头对准下方二维码即可。</p>
            <img src="/guanwang_second/front/images/new/qrcode.jpg" alt="">
        </div>
    </div>
</div>
<include file="public@footer"/>

<script type="text/javascript" src='__TMPL__/public/assets/jsjquery.min.js?v=1506393719766'></script>

<script type="text/javascript" src='__TMPL__/public/assets/js/common_ch.js?v=1506393719766'></script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3846GP"
                  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<script>
    function stripscript(s) {
        var pattern = new RegExp("[`~!@#$^%&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】‘；：”“'。，、？-]");
        var rs = "";
        for (var i = 0; i < s.length; i++) {
            rs = rs + s.substr(i, 1).replace(pattern, '');
        }
        return rs;
    }
    function check(){
        var search_ques = $("#search_ques").val().trim();
        if(search_ques.length<1 ||search_ques.length>64){
            return false;
        }
        $("#search_ques").val(stripscript(search_ques));
        return true;
    }


    function englishCheck(){
        var english_search_ques=$("#english_search_ques").val();
        if(english_search_ques.length==""){
            $("#english_search_ques").parent().find("p").text("please input the question！");
            return false;
        }
        if(english_search_ques.length>64){
            $("#english_search_ques").parent().find("p").text("question length should be less than 64！");
            return false;
        }
        return true;
    }

    $("#search_ques").on("input propertychange",function(){
        if($(this).val().trim().length >= 64){
            $(this).val($(this).val().substring(0,64));
        }
    })

</script>


<div class="video_mask"></div>
<div class="video_modal"></div>
<script type="text/javascript" src="http://js.orvibo.com/guanwang_second/front/bower_components/video.js/dist/video.min.js"></script>
<script>
    !(function($){
        $(".sc_video .sv_block a").click(function(){
            $("body").css({"overflow":"hidden"});
            var width = $(window).width();
            var height = $(window).height();
            var src=$(this).find("input").val();
            console.log(src);
            $(".video_modal").fadeIn(300);
            $(".video_modal").append('<video id="really-cool-video" class="video-js" controls preload="auto" autoplay data-setup='+'{ "controls": true, "autoplay": true, "preload": "auto"}'+' style="width:1190px;height:600px"><source src="'+src+'" type="video/mp4" /></video>');
            $(".video_mask").css({"width":width+"px","height":height+"px"});
            $(".video_mask").fadeIn(300);
            $(".video_mask").click(function(){
                $(".video_modal").fadeOut(300);
                $(".video_mask").fadeOut(300);
                $("#really-cool-video").remove();
                $("body").css({"overflow":"auto"});
            });
        });
    })(jQuery)
</script>